<template>
  <div class="app">
	 <Header  
	 v-show="this.$route.path!=='/login' 
	 && this.$route.path!=='/about'
	 && this.$route.path!=='/version'
	  "/>
 <div class="main" >
	<Sider 
	v-show="this.$route.path!=='/login' 
	&& this.$route.path!=='/about'
	&& this.$route.path!=='/version'
	 "/>	
	
	<router-view></router-view>
	<Calculator   :aa="$route.path"/>
	</div>	

  </div>
</template>

<script>
import Sider from './components/Sider'
import Header from './components/Header'
import Calculator from './components/Calculator'

// import { Button, Select } from 'element-ui';
import {mapMutation,mapState} from 'vuex'
export default {
  name: 'App',
  components:{
	  Sider,
	 Header,
	 Calculator
	},
	data(){
		return { 
			cc:this.$route.path
		}
	},
	created(){
		// console.log(this)
	}
}

</script>

<style  lang="scss">
    html,
	body,
	.app{
		height: 100%;
	

	}
	html{
		    overflow: hidden !important;
	}
	.app::-webkit-scrollbar {
            display: none;
        }
	.app{
		overflow: hidden;
		background: #b6b6b6;
	}
	.main{
		width: 100%;
		height: 83%;
		display: flex;
		flex:1;
	}
@import './assets/style/resets'




</style>
